<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Dataset Transformation Guide - Eclipse Free BIRD Tools</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="Dataset Transformation Guide - Eclipse Free BIRD Tools Documentation" />
	<meta name="keywords" content="Eclipse Free BIRD Tools, Documentation, Dataset Transformation Guide" />
	<meta name="author" content="Eclipse Free BIRD Tools" />

	<!-- Facebook and Twitter integration -->
	<meta property="og:title" content="Dataset Transformation Guide - Eclipse Free BIRD Tools"/>
	<meta property="og:image" content=""/>
	<meta property="og:url" content=""/>
	<meta property="og:site_name" content="Eclipse Free BIRD Tools"/>
	<meta property="og:description" content="Dataset Transformation Guide documentation for Eclipse Free BIRD Tools"/>
	<meta name="twitter:title" content="Dataset Transformation Guide - Eclipse Free BIRD Tools" />
	<meta name="twitter:image" content="" />
	<meta name="twitter:url" content="" />
	<meta name="twitter:card" content="" />

	<link href="https://fonts.googleapis.com/css?family=Raleway:100,300,400,700" rel="stylesheet">

	<!-- Animate.css -->
	<link rel="stylesheet" href="../css/animate.css">
	<!-- Icomoon Icon Fonts-->
	<link rel="stylesheet" href="../css/icomoon.css">
	<!-- Themify Icons-->
	<link rel="stylesheet" href="../css/themify-icons.css">
	<!-- Bootstrap  -->
	<link rel="stylesheet" href="../css/bootstrap.css">
	<!-- Magnific Popup -->
	<link rel="stylesheet" href="../css/magnific-popup.css">
	<!-- Owl Carousel  -->
	<link rel="stylesheet" href="../css/owl.carousel.min.css">
	<link rel="stylesheet" href="../css/owl.theme.default.min.css">
	<!-- Theme style  -->
	<link rel="stylesheet" href="../css/style.css">

	<!-- Modernizr JS -->
	<script src="../js/modernizr-2.6.2.min.js"></script>
	<!-- Page Allowlist Check -->
	<script src="../js/allowlist.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="../js/respond.min.js"></script>
	<![endif]-->

	<style>
		/* Clean, modern documentation styles */
		.doc-content {
			padding: 60px 0;
			min-height: 600px;
			background: white;
		}

		.content-wrapper {
			max-width: 900px;
			margin: 0 auto;
			padding: 0 40px;
		}

		/* Typography */
		.doc-content h1 {
			color: #192a45;
			font-size: 2.5rem;
			font-weight: 700;
			border-bottom: 3px solid #17B794;
			padding-bottom: 15px;
			margin-bottom: 35px;
		}

		.doc-content h2 {
			color: #2c3e50;
			font-size: 1.8rem;
			font-weight: 600;
			margin-top: 45px;
			margin-bottom: 25px;
			padding-top: 20px;
		}

		.doc-content h3 {
			color: #34495e;
			font-size: 1.4rem;
			font-weight: 600;
			margin-top: 35px;
			margin-bottom: 20px;
		}

		.doc-content p {
			font-size: 16px;
			line-height: 1.8;
			color: #4a5568;
			margin: 20px 0;
		}

		/* Code blocks */
		.doc-content pre {
			background: #f7fafc;
			border: 1px solid #e2e8f0;
			border-left: 4px solid #17B794;
			padding: 20px;
			border-radius: 8px;
			overflow-x: auto;
			margin: 25px 0;
			font-size: 14px;
		}

		.doc-content code {
			background: #f7fafc;
			padding: 3px 6px;
			border-radius: 4px;
			font-family: 'Monaco', 'Courier New', monospace;
			font-size: 0.9em;
			color: #e53e3e;
		}

		.doc-content pre code {
			background: transparent;
			padding: 0;
			color: #2d3748;
		}

		/* Blockquotes */
		.doc-content blockquote {
			background: #f0fdf4;
			border-left: 4px solid #17B794;
			margin: 25px 0;
			padding: 20px 25px;
			color: #2d3748;
			font-style: italic;
			border-radius: 0 8px 8px 0;
		}

		/* Lists */
		.doc-content ul, .doc-content ol {
			margin: 20px 0;
			padding-left: 35px;
			color: #4a5568;
		}

		.doc-content li {
			margin: 10px 0;
			line-height: 1.7;
		}

		/* Images */
		.doc-content img {
			margin: 30px auto;
			display: block;
		}

		.doc-content .guide-image {
			max-width: 100%;
			height: auto;
			border: 2px solid #e2e8f0;
			border-radius: 12px;
			box-shadow: 0 4px 12px rgba(0,0,0,0.08);
			margin: 35px auto;
			display: block;
			transition: all 0.3s ease;
		}

		.doc-content .guide-image:hover {
			transform: translateY(-2px);
			box-shadow: 0 8px 24px rgba(0,0,0,0.12);
			border-color: #008793;
		}

		/* Links */
		.doc-content a {
			color: #17B794;
			text-decoration: none;
			font-weight: 500;
			transition: all 0.2s ease;
			border-bottom: 1px solid transparent;
		}

		.doc-content a:hover {
			color: #0e7c61;
			border-bottom-color: #17B794;
		}

		/* Tables */
		.doc-content table {
			width: 100%;
			margin: 30px 0;
			border-collapse: collapse;
			border: 1px solid #e2e8f0;
			border-radius: 8px;
			overflow: hidden;
		}

		.doc-content table th {
			background: #f7fafc;
			padding: 12px 15px;
			text-align: left;
			font-weight: 600;
			color: #2d3748;
			border-bottom: 2px solid #e2e8f0;
		}

		.doc-content table td {
			padding: 12px 15px;
			border-bottom: 1px solid #e2e8f0;
		}

		.doc-content table tr:last-child td {
			border-bottom: none;
		}

		/* Horizontal rule */
		.doc-content hr {
			border: none;
			height: 2px;
			background: linear-gradient(to right, transparent, #e2e8f0, transparent);
			margin: 50px 0;
		}

		/* Responsive adjustments */
		@media (max-width: 768px) {
			.content-wrapper {
				padding: 0 20px;
			}

			.doc-content h1 {
				font-size: 2rem;
			}

			.doc-content h2 {
				font-size: 1.5rem;
			}

			.doc-content h3 {
				font-size: 1.2rem;
			}
		}
	</style>
</head>
<body>

<div class="gtco-loader"></div>

<div id="page">

	<!-- Navigation Include -->
	<div w3-include-html="../navbar.html"></div>

	<header class="hero-section">
		<div class="gtco-container">
			<div class="row">
				<div class="col-md-12 text-center">
					<h1>Dataset Transformation Guide</h1>
					<h2>Eclipse Free BIRD Tools Documentation</h2>
				</div>
			</div>
		</div>
	</header>

	<!-- Dynamic Sidebar will be inserted here by JavaScript -->

	<!-- Main Content -->
	<section class="main doc-content ">
  		<div class="content-wrapper">
 			<div class="text-center" style="padding: 60px 0;">
        <i class="icon-clock" style="font-size: 72px; color: #0077be; margin-bottom: 30px;"></i>
        <h1 style="margin-bottom: 20px;">Coming Soon</h1>
        <p style="font-size: 18px; color: #666; margin-bottom: 30px;">
            The Dataset Transformation Guide user guide is currently under development and will be available soon.
        </p>
        <p style="margin-bottom: 40px;">
            In the meantime, please explore our other available guides or check back later for updates.
        </p>
        <a href="../documentation.html" class="btn btn-primary">
            <i class="icon-arrow-left"></i> Back to Documentation
        </a>
    </div>
  		</div>
	</section>

	<!-- Footer Include -->
	<div w3-include-html="../footer.html"></div>

</div>

<!-- jQuery -->
<script src="../js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="../js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="../js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="../js/jquery.waypoints.min.js"></script>
<!-- Carousel -->
<script src="../js/owl.carousel.min.js"></script>
<!-- Magnific Popup -->
<script src="../js/jquery.magnific-popup.min.js"></script>
<script src="../js/magnific-popup-options.js"></script>
<!-- Main -->
<script src="../js/main.js"></script>
<!-- W3 Include -->
<script src="../js/w3-include.js"></script>
<!-- Dynamic Sidebar -->
<script src="../js/dynamic-sidebar.js"></script>

</body>
</html>